<template>
<div>

    <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        active-text-color="#fffff"
        :unique-opened = "true"
        :collapse="isCollapse"
        router>
        <el-sub-menu index="1">
            <template #title>
                <el-icon class="el-input--medium"></el-icon>
                <span>团队管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/team">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;团队列表</el-menu-item>
            </el-menu-item-group>
        </el-sub-menu>

        <el-sub-menu index="2">
            <template #title>
                <el-icon><add-location /></el-icon>
                <span>用户管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/userDetail">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户详情</el-menu-item>
            </el-menu-item-group>
        </el-sub-menu>

        <el-sub-menu index="3">
            <template #title>
                <el-icon><add-location /></el-icon>
                <span>文章管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/articleList">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文章列表</el-menu-item>
            </el-menu-item-group>
        </el-sub-menu>

        <el-sub-menu index="4">
            <template #title>
                <el-icon><add-location /></el-icon>
                <span>资源管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/resourcesList">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;资源列表</el-menu-item>
            </el-menu-item-group>
        </el-sub-menu>

        <el-sub-menu index="5">
            <template #title>
                <el-icon><add-location /></el-icon>
                <span>数据统计</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/statistics">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数据统计</el-menu-item>
            </el-menu-item-group>
        </el-sub-menu>
    </el-menu>
</div>
</template>

<script>
export default {
    // eslint-disable-next-line vue/multi-word-component-names
    name: 'Aside',

}
</script>

<style>

</style>
